<div id="content_header">
  <h3>Scheduling a new Make Up Test</h3>
</div>

<a ui-sref="^.schedulenew" class="btn btn-primary">Switch to single</a>

<div class="row">
  <div class="col-md-6 col-lg-4">
    <form name="mtForm" role="form" ng-submit="addSchedule()">

      <div class="form-group">
        <!-- <label for="terms">Term</label> -->
        <div class="row">
          <!-- <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
            <div class="form-group">
              <label for="CourseType">Course Type</label>
              <select name="CourseType" class="form-control" id="CourseType" ng-model="filterTable.CourseType.Id" ng-options="coursetype.Id as coursetype.Code +' - '+ coursetype.Name for coursetype in coursetypes" required ng-disabled="termSelected" ng-change="callTerm()">
                <option value="" ng-hide="filterTable.CourseType.Id">Select a Course Type.</option>
              </select>
            </div>
          </div> -->
          <br />
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="form-group">
              <label for="TermId">Term</label>
              <select name="TermId" class="form-control" id="TermId" ng-model="scheduleTemp.Term.Id" ng-options="term.Id as formatTerm(term) group by term.Year for term in terms" required ng-disabled="termSelected">
                <option value="" ng-hide="scheduleTemp.Term.Id">Select Term.</option>
              </select>
            </div>
          </div>
        </div>
      </div>

      <!-- <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
          <div class="form-group" ng-class="{ 'has-error': errors.IsRegular}">
            <label for="IsRegular">
              Regular
              <input type="checkbox" name="IsRegular" id="IsRegular" ng-model="scheduleNew.IsRegular">
            </label>
            <error-widget field="errors.IsRegular"></error-widget>
          </div>
        </div>
      </div> -->

      <!-- <div class="form-group">
        <label for="duration">Make Up Test Type</label>
        <label ng-repeat="type in MakeUpTestTypes"><input type="radio" ng-value="type.Id" ng-model="scheduleTemp.MakeUpTestType"> {{ type.Label }} </label>
        <error-widget field="errors.MakeUpTestType"></error-widget>
      </div> -->

      <div class="form-group" ng-click="openDatepicker($event, 0)">
        <label for="">Date</label>
        <div class="input-group">
          <input type="hidden" class="form-control" datepicker-popup="{{format}}" ng-model="timepicker.timeA" is-open="datePicker.isOpen[0]" min-date="initDate" datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-disabled="true" />
          <span class="form-control">{{ timepicker.timeA | date: 'dd MMMM yyyy' }}</span>
          <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
      </div>

      <div class="form-group">
        <label for="">Start Time</label>
        <timepicker ng-model="timepicker.timeA" hour-step="timepicker.hstep" minute-step="timepicker.mstep" show-meridian="timepicker.isMeridian"></timepicker>
      </div>

      <div class="form-group">
        <label for="">End Time</label>
        <timepicker ng-model="timepicker.timeB" hour-step="timepicker.hstep" minute-step="timepicker.mstep" show-meridian="timepicker.isMeridian"></timepicker>
      </div>

      <div class="form-group">
        <label for="duration">Duration</label>
        <input type="text" class="form-control" ng-model="scheduleTemp.Duration">
      </div>

      <!-- <div class="form-group">
        <label for="IsValid">Validity</label>
        <input id="IsValid" name="IsValid" type="checkbox" ng-model="scheduleTemp.IsValid">
      </div> -->

      <button type="submit" class="btn btn-primary" >Submit</button>
    </form>
    
  </div>
</div>